<template>
  <div class="template-base-box">
    <router-view />

    <!-- <div v-if="loading">
      <lottieMove></lottieMove>
    </div> -->
    <!-- v-if="!loading" -->
  </div>
</template>

<script setup lang="ts">
//@ts-nocheck
import { removeLottie } from '@/utils/minxin';
import { getUrlTemplateId } from '@/utils/minxin';
import lottieMove from '@/components/lottieMove.vue';
import { pathSquare } from '@/utils/minxin';
import { getMobileType } from '@/utils/getMoble';
import { setAuthorization, getHeardToken, getHeardXtoken, setMd5Info, removeAuthorization } from '@/api/utils';
import { watch, reactive, ref, nextTick, onUnmounted } from 'vue';
import { useRouter, useRoute } from 'vue-router';
import { useProjectStore } from '@/store';
import { configData } from '@/api/templates/templates';
import { projectDetail } from '@/api/project/project';
import { setBrowse } from '@/api/borwse/borwse';

const loading = ref(true);
const store = useProjectStore();
const route = useRoute();
const router = useRouter();
const state = reactive({
  includeList: [],
});
router.push({
  name: 'looptimeAxis',
});
// watch(
//   () => route,
//   () => {
//     nextTick(() => {
//       if (route.meta.loopType) {
//         // getMobileType(route.meta.loopType);
//       }
//     });
//   },
//   { deep: true },
// );
/*浏览器关闭、浏览器标签页关闭、浏览器刷新均会触发"beforeunload"事件*/
// window.addEventListener('focus', (e) => handleFn());
// http://localhost:8880/#/exhibition?mode=2&projectId=433871743299653
</script>

<style scoped lang="less">
.template-base-box {
  width: 100%;
  height: 100vh;
  min-height: 100vh;
}
#LoadingLoop {
  top: 50%;
  left: 50%;
  position: fixed;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  z-index: 100;
}
#LoadingLoop p {
  color: #d2ad77;
}
@-webkit-keyframes ball-beat {
  50% {
    opacity: 0.2;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes ball-beat {
  50% {
    opacity: 0.2;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.ball-beat > div {
  background-color: #d2ad77;
  width: 10px;
  height: 10px;
  border-radius: 100% !important;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: ball-beat 0.7s 0s infinite linear;
  animation: ball-beat 0.7s 0s infinite linear;
}

.ball-beat > div:nth-child(2n-1) {
  -webkit-animation-delay: 0.35s !important;
  animation-delay: 0.35s !important;
}
</style>
